<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 账户设置</title>
        <link rel="stylesheet" type="text/css" href="css/init.css"/>
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/setting.css">
        <script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
                </div>
                <div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>			
		</header>
		<div class="Setting">
            <div class="setting-title">
                账户信息
            </div>
            <form class="form">
                <div class="changeMsg avatar">
                    <span>头像:</span>
                    <a class="userAvatar" onclick="userAvatar.click()">
                        <input type="file" id="userAvatar" multiple="multiple">
                        <div class="overImg">上传头像</div>
                        <img src="img/3.jpg" id="preview">
                    </a>
                    <button type="button" class="uploading">点击上传头像</button>
                </div>
                <div class="changeMsg">
                    <span>昵称:</span>
                    <input type="text" placeholder="用户昵称" id="userName" maxlength="32">
                </div>
                <div class="changeMsg">
                    <span>手机号码:</span>
                    <p class="phone">1321250154</p>
                </div>
                <div class="changeMsg">
                    <span>微信:</span>
                    <button type="button" id="weChat">绑定</button>
                    <div class="mask" style="display:none;">
                        <div class="QRcode">
                            <p class="QRcode-title">使用微信扫描下方二维码</p>
                            <img src="" class="scanMe">
                        </div>
                    </div>
                </div>
                <div class="changeMsg">
                    <span>密码:</span>
                    <p id="password">*****</p>
                    <i class="edit"></i>
                </div>
            </form>
            <div id="submit">
                提交
            </div>
		</div> 
		<footer>

		</footer>       
    </body>
    <script src="js/common.js"></script>
    <script src="js/setting.js"></script>
</html>
